<div ng-include="'partials/header_unlogin.html'"></div>
<div class="uk-vertical-align uk-text-center uk-height-1-1">
    <div class="uk-vertical-align-middle" style="width: 350px">
        <img src="img/logo.png" class="uk-margin-bottom" style="width: 200px">
        <form class="uk-panel uk-panel-box uk-form" style="padding: 30px" ng-controller="signupCtrl">
            <div class="uk-form-row" ng-class="{'inputMarginBottom':!emailError}">
                <input type="text" placeholder="邮箱" class="uk-width-1-1" ng-model="email" ng-blur="checkEmail()">
            </div>
            <div ng-show="emailError" style="text-align: left; color: #ff3333" ng-bind="emailErrorMsg"></div>
            <div class="uk-form-row" ng-class="{'inputMarginBottom':!userNameError}">
                <input type="text" placeholder="用户名 6-18个字符 可使用下划线数字和字母" class="uk-width-1-1" ng-model="userName" ng-blur=" checkUsername()">
            </div>
            <div ng-show="userNameError" style="text-align: left; color: #ff3333" ng-bind="usernameErrorMsg"></div>
            <div class="uk-form-row" ng-class="{'inputMarginBottom':!passwordError}">
                <input type="password" placeholder="密码 6-18个字符 可使用下划线数字和字母" class="uk-width-1-1" ng-model="password" ng-blur="checkPassword()">
            </div>
            <div ng-show="passwordError" style="text-align: left; color: #ff3333" ng-bind="passwordErrorMsg"></div>
            <div class="uk-form-row" ng-class="{'inputMarginBottom':!passwordAgainError}">
                <input type="password" placeholder="再次输入密码" class="uk-width-1-1" ng-model="passwordAgain" ng-blur="checkPasswordAgain()">
            </div>
            <div ng-show="passwordAgainError" style="text-align: left; color: #ff3333" ng-bind="passwordAgainErrorMsg"></div>
            <div class="uk-form-row">
                <a class="uk-button uk-button-primary uk-button-large uk-margin-top uk-width-1-1" ng-click="signup()">注册</a>
            </div>
            <div class="uk-form-row">
                <a class="uk-button uk-button-success uk-button-large uk-width-1-1" ui-sref="login">去登陆</a>
            </div>
        </form>
    </div>
</div>
